import React from 'react';
// 引入饼图组件
import Pie from '@/components/Pie';
// 引入用户统计接口
import { getPieData } from '@/api/welcome'
import { useEffect, useState } from 'react';
const Welcome = () => {
    let [piedata, setpiedata] = useState({})
    useEffect(() => {
        getPieData().then(res => {
            //console.log(res);
            if (res.data.errNo == 0) {
                setpiedata(res.data.data)
            }
        })
    }, []);
    return (
        <>
            {
                piedata.accessFrom ? <div style={{ display: 'flex', flexWrap: 'wrap' }}>
                    <Pie id='pie1' title='访问来源' data={piedata.accessFrom} name='accessFrom'></Pie>
                    <Pie id='pie2' title='地域分布' data={piedata.area} name='area'></Pie>
                    <Pie id='pie3' title='性别占比' data={piedata.gender} name='gender'></Pie>
                </div> : <></>
            }

        </>
    );
}

export default Welcome;
